<template>
  <view class="container">
    <!-- 主要内容 -->
    <scroll-view scroll-y class="content">
      <!-- Logo和标题 -->
      <view class="logo-section">
        <image :src="logoUrl" class="logo" mode="aspectFit"></image>
        <view class="title-group">
          <view class="title-row">
            <text class="main-title">纤程旅行</text>
            <text class="website">abc.qctrips.cn</text>
          </view>
          <text class="main">研学旅行与泛营地教育行业协作平台</text>
        </view>
      </view>

      <!-- 纤程旅行网简介 -->
      <view class="section">
        <text class="section-main">
          重塑研学旅行与泛营地行业经营逻辑
        </text>
        <text class="section-main">
          全链路产业互联网平台
        </text>
        <text class="section-title">行业困境：卓越研学产品的诞生为何如此艰难？
        </text>
        <text class="main">
          一个成功的研学、夏令营、周末营产品，背后是跨地域的场馆资源、课程设计、落地执行、教育渠道等多方机构的复杂协作。其高度定制化、非标准的特性，使得依赖简单列表的传统电商模式无法有效支撑，导致整个行业面临资源匹配效率低、协作成本高、服务品质难保障的核心痛点。
        </text>

        <text class="section-title">纤程解决方案：不止于交易，更在于协同</text>
        <text class="main">纤程旅行网专注于研学与泛营地领域，打造了业内领先的产业互联网平台。我们通过技术驱动，构建了一个集资源整合、交易协作、服务交付于一体的生态系统，为产业链上的每一位参与者赋能。
        </text>

        <text class="section-title">我们的核心价值在于</text>
        <text class="main">• 资源标准化：将分散、非标的研学资源转化为即选即用的标准化模块，降低整合门槛。</text>
        <text class="main">• 协作网络化：打通信息壁垒，实现跨组织、跨地域的在线无缝协作，提升整体运营效率。</text>
        <text class="main">• 交易智能化：提供从产品展示、合单支付到自动分账的全链路安全交易服务。</text>
        <text class="main">• 服务闭环化：覆盖从资源采购、产品设计、营销推广到服务交付的全链路、全过程。</text>
        <text class="section-title"></text>


        <text class="section-title">平台生态：连接与赋能关键参与者</text>
        <text class="main">纤程平台是连接产业链上下游的枢纽，致力于为不同角色的伙伴创造专属价值。无论您在产业链中扮演何种角色，都能在这里找到您的位置。
        </text>

        <text class="section-title">即刻探索，专属解决方案</text>
        <text class="main">纤程平台为不同类型的合作伙伴提供量身定制的赋能方案。</text>

        <view class="business-type">
          <text class="type-description" style="color: #7395bf;">→B1 我是泛营地商家(场馆/营地/基地/景区)
          </text>
          <text class="main">
            拥有优质资源，希望拓展全国销售渠道？
            了解平台如何助您实现产品的标准化与收入的规模化。
          </text>
          <text class="type-description" style="color: #92c740;">→B2 我是旅行社/研学机构

          </text>
          <text class="main">
            专注于产品设计与客户服务，苦于资源整合、招生推广与运营效率？探索平台如何成为您的一站式供应链与效率提升引擎。
          </text>
          <text class="type-description" style="color: #7fd3c1;">→B3 我是学校/校外机构(教培/托管/成长中心)
          </text>
          <text class="main">
            希望零风险、轻资产地为学生提供优质研学内容？
            了解平台如何为您提供经过严选、即插即用的"研学产品货架"。
          </text>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 图片地址预留
      logoUrl: '/static/logo.png' // 请替换为实际的Logo图片地址
    }
  },
  methods: {
    goBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style scoped>
.container {
  min-height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
}


/* 主要内容 */
.content {
  flex: 1;
  padding: 40rpx 30rpx;
  height: 100vh;
  box-sizing: border-box;
}

/* Logo和标题部分 */
.logo-section {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
  padding: 40rpx;
  background: #fff;
  border-radius: 20rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.06);
}

.logo {
  width: 120rpx;
  height: 120rpx;
  margin-right: 30rpx;
}

.title-row {
  display: flex;
  /* 水平展示*/

  align-items: center;
  /* 垂直居中*/

  /* justify-content: center; */
  /* 水平居中*/

  margin-bottom: 8rpx;
}

.title-group {
  flex: 1;
}

.main-title {
  display: flex;
  font-size: 36rpx;
  font-weight: bold;
  color: #020202;
  margin-bottom: 8rpx;
  margin-right: 30rpx;
}

.website {
  display: flex;
  font-size: 26rpx;

  color: #4caf50;
}

/* 内容区块 */
.section {
  background: #fff;
  border-radius: 20rpx;
  padding: 40rpx;
  margin-bottom: 30rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.06);
}

.main {
  display: block;
  font-size: 28rpx;
  color: #333;
  margin-bottom: 0rpx;
  padding-bottom: 10rpx;
}

.section-main {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  padding-bottom: 20rpx;
}

.section-title {
  display: block;
  font-size: 28rpx;
  font-weight: bold;
  color: #333;
  margin-top: 20rpx;
  padding-bottom: 0rpx;
}

.content-text {
  display: block;
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 25rpx;
}

/* 商家类型 */
.business-type {

  margin-bottom: 40rpx;
  padding-bottom: 30rpx;
  border-bottom: 1rpx solid #f0f0f0;
}

.business-type:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.type-number {
  display: block;
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 16rpx;
}

.type-function {
  display: block;
  font-size: 28rpx;
  color: #666;
  margin-bottom: 12rpx;
  line-height: 1.6;
}

.type-description {
  display: block;
  font-size: 30rpx;
  font-weight: bold;
  color: #666;
  margin-top: 30rpx;
  margin-bottom: 16rpx;
  line-height: 1.6;
}

.type-value {
  display: block;
  font-size: 28rpx;
  color: #666;
  line-height: 1.6;
}

/* 子类型 */
.sub-types {
  margin: 16rpx 0;
  padding-left: 40rpx;
}

.sub-type {
  display: block;
  font-size: 26rpx;
  color: #888;
  margin-bottom: 8rpx;
  line-height: 1.5;
}
</style>